import React, { Component } from 'react';
import { NavLink } from 'react-router-dom';
import './index.css'

class NavBar extends Component {
    render() {
        return (
               <div className="nav-container">
                        <li className="navli">
                            <NavLink to="/bookshelf">
                                <div className="iconfont icon-shujia"></div>
                                <div className="title">书架</div>
                            </NavLink>
                        </li>
                        <li className="navli">
                            <NavLink to="/home">
                                <div className="iconfont icon-shouye "></div>
                                <div className="title">首页</div>
                            </NavLink>
                        </li>
                        <li className="navli">
                            <NavLink to="/recharge">
                                <div className="iconfont icon-chongzhi "></div>
                                <div className="title">充值</div>
                            </NavLink>
                        </li>
                        <li className="navli">
                            <NavLink to="/mine">
                                <div className="iconfont icon-wode "></div>
                                <div className="title">我的</div>
                            </NavLink>
                        </li>

               </div>
        );
    }
}

export default NavBar;